<!DOCTYPE html>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
			xmlns:h="http://java.sun.com/jsf/html"
			xmlns:f="http://java.sun.com/jsf/core"
			xmlns="http://www.w3.org/1999/xhtml"
			xmlns:p="http://primefaces.org/ui" 
			template="/view/layout/ui.xhtml">
	<f:metadata>  
	</f:metadata>  

	<ui:define name="content">
			<h3>Nuevo Socio</h3>  
			
			<h:form styleClass="sociosForm">
				<p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />  
				<section>
					<div class="inputSection">
						<label>Nombre: </label>	
						<p:inputText required="true" label="Nombre" value="#{socioBean.socio.nombre}"></p:inputText>		
					</div>
					
					<div class="inputSection">
						<label>Apellido: </label>
						<p:inputText value="#{socioBean.socio.apellido}"></p:inputText>		
					</div>
					
					<div class="inputSection">
						<label>DNI: </label>
						<p:inputText value="#{socioBean.socio.dni}"></p:inputText>		
					</div>
				
					<div class="inputSection">
						<label>Mail: </label>
						<p:inputText value="#{socioBean.socio.mail}"></p:inputText>		
					</div>
					
					<div class="inputSection">
						<label>Fecha de nacimiento: </label>
						<p:calendar value="#{socioBean.socio.fechaNacimiento}" navigator="true" yearRange="c-80:c+80" />
					</div>
						
				</section>
				<p:commandButton value="Guardar" action="#{socioBean.guardar}" update="messages"/>
				<p:commandButton value="Cancelar"/>
			</h:form>
	</ui:define>
</ui:composition>